import { FormOptions } from "@/components/SmForm/src/types/types";
import { searchOptionsResolve } from "@/components/SmForm/src/utils";

export const useSearchForm = (handleQuery: any, queryParams: any) => {
  const searchFormOptions = ref<Array<FormOptions>>([
    {
      type: "input",
      label: "关键字",
      prop: "keyword",
      placeholder: "关键字",
      attrs: {
        style: { width: "100%" },
        clearable: true,
      },
    },
    // {
    //   type: "input",
    //   label: "手机号",
    //   prop: "mobile",
    //   placeholder: "手机号",
    //   attrs: {
    //     style: { width: "100%" },
    //     clearable: true,
    //   },
    // },
    // {
    //   type: "input",
    //   label: "登录用户名",
    //   prop: "username",
    //   placeholder: "登录用户名",
    //   attrs: {
    //     style: { width: "100%" },
    //     clearable: true,
    //   },
    // },
    // {
    //   type: "date-picker",
    //   placeholder: "创建时间",
    //   prop: "createTime",
    //   label: "创建时间",
    //   attrs: {
    //     clearable: true,
    //     type: "daterange",
    //     "range-separator": "~",
    //     editable: false,
    //     "value-format": "YYYY-MM-DD",
    //     "start-placeholder": "开始日期",
    //     "end-placeholder": "结束日期",
    //   },
    // },
    // <el-date-picker
    //   v-model="queryParams.createTime"
    //   :editable="false"
    //   type="daterange"
    //   range-separator="~"
    //   start-placeholder="开始时间"
    //   end-placeholder="截止时间"
    //   value-format="YYYY-MM-DD"
  ]);

  searchOptionsResolve(searchFormOptions, handleQuery);

  const getSearchFormData = () => {
    return queryParams;
  };
  return {
    searchFormOptions,
    getSearchFormData,
  };
};
